Admin · Moodboard
Custom cursors that match the site's editorial, sharp-cornered, accent-gold tone. Ten base styles plus variations. Hover into each demo zone to try them out — the real page cursor stays the same.
Desktop only. Cursors disable themselves on touch devices and when reduced-motion is enabled.
An accent-gold ring tracks the pointer exactly while a smaller dot lags behind with spring easing. On hover over anything interactive, the ring expands and the dot magnetizes outward.
Move your mouse here
Link example →A subtle crosshair with a circular ring around it. When hovering interactive elements, the ring expands and fills with translucent accent — like a camera aperture opening.
Move your mouse here
Link example →The cursor head is a solid accent dot. As you move, it leaves a decaying trail of smaller dots that fade and shrink — a calligraphic, handwritten feel.
Move your mouse here
Link example →A sharp square of accent gold with RGB-split chromatic aberration following at slight lag. On hover the square becomes an outlined frame. Technical, slightly unstable.
Move your mouse here
Link example →Four L-shaped corner markers frame the pointer. On hover over interactive elements, the brackets snap inward to form a tighter square — a targeting reticle feel.
Move your mouse here
Link example →A circular cursor that uses mix-blend-mode: difference to invert the colors of whatever is underneath it. Expands on interactive hover.
Move your mouse here
Link example →Small accent dot surrounded by three concentric rings that pulse outward on a continuous loop — like a sonar ping. On click, a stronger ripple emits from the cursor position.
Move your mouse here — click to ping
Link example →A minimal dot that expands into a labeled pill when hovering interactive elements. Shows the intent of the action — "VIEW" on links, "CLICK" on buttons. Editorial and informative.
Move your mouse here
Link example →A soft accent blob that squishes and stretches based on movement velocity — elongates when moving fast, returns to a circle when still. On hover it inverts to an outlined frame.
Move your mouse here
Link example →The cursor leaves a continuous smooth curve behind it — like a calligraphic brushstroke — that fades out over a second. Different from Ink Trail: a connected line, not discrete dots.
Move your mouse here
Link example →Same spring-lag dual-cursor behavior as Dual Orbit (01), but the outer tracking frame is a sharp square instead of a ring — matching the design system's no-radius rule. The inner dot stays circular for contrast. On interactive hover, the square smoothly morphs into a circle and expands.
Move your mouse here
Link example →Same sharp-square cursor as Glitch Block (04) but without the RGB chromatic aberration. Just a clean accent square that scales up into an outlined frame on interactive hover. Minimal, quiet, editorial.
Move your mouse here
Link example →